<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>登录</title>
  <link rel="stylesheet" href="http://at.alicdn.com/t/font_2945959_zjgm044dw6f.css">
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/login.css">
</head>
<body>
    <!-- 顶部 -->
    <div class="top-bar">
      <div class="contenter">
        <div class="l-box">
          <div class="collect">
            <i class="iconfont icon-shoucang"></i>
            <a href="javascript:;">收藏浪漫天使鲜花礼品</a>
          </div>
          <div class="weixin">
            <i class="iconfont icon-weixin"></i>
            <a href="javascript:;">关注微信</a>
            <div class="qr_code">
              <img src="./img/qr/qr.jpg" alt="">
              <p>扫一扫 有惊喜</p>
            </div>
          </div>
        </div>
        <div class="r-box">
          <ul>
            <li class="f-item">
              <a href="./login.html" target="_blank" class="log-in">你好，请登录</a>
              <a href="./sign.html" target="_blank" class="sign-in">注册</a>
            <li>
              <span>|</span>
            <li>
              <a href="./login.html" class="col-r">我的订单</a>
            </li>
            <span>|</span>
            <li> <a href="./shopping_car.html" class="shop-car">
                <i class="iconfont icon-gouwuche"></i>
                购物车
                <span>(0)</span>
              </a>
            </li>
            <span>|</span>
            <li>
              <a href="see_older.html" class="col-r">订单查询</a>
            </li>
            <span>|</span>
            <li>
              <a href="settle.html" class="col-r">结账通道</a>
            </li>
            <span>|</span>
            <li>
              <a href="#" class="col-r">购物流程</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 头部 -->
    <div class="header">
      <div class="contenter">
        <div class="logo"><a href="./index.html"><img src="./img/logo/logo.jpg" alt=""></a></div>
        <div class="search">
          <div class="top">
            <input type="text" name="" id="text" placeholder="商品关键字">
            <div class="btn">搜索</div>
          </div>
          <div class="bto">
            <a href="#">浪漫爱情</a>
            <a href="#">99朵玫瑰</a>
            <a href="#">蓝色妖姬</a>
            <a href="#">生日礼物</a>
            <a href="#">商务花篮</a>
            <a href="#">鲜花礼盒</a>
            <a href="#">纪念日鲜花</a>
          </div>
        </div>
        <div class="relation">
          <div class="num">
            <i class="iconfont icon-dianhuatianchong"></i>
            400-9919-650
          </div>
          <div class="service">
            <i class="iconfont icon-wodekefu"></i><a href="#">在线客服</a>
          </div>
        </div>
      </div>
    </div>

    <!-- 内容 -->
    <div class="bodyer clearfix">
      <div class="contenter">
        <div class="form-box">
          <div class="tit">
            <a class="log active" href="javascript:;" >登录</a>
            <a class="sig" href="./sign.html">注册</a>
          </div>
          <div class="bod">
            <div class="username">用户名</div>
            <input type="text" placeholder="E-mail地址/手机号"> 
            <div class="pass">密码<a href="#">忘记密码？</a></div>
            <input type="text" placeholder="用户登录密码" >
            <div class="login">
              <div class="l-auto">
                <input id="conten" type="checkbox"> <label for="conten">一个月内自动登录</label> 
              </div>
              <a href="#" class="r-phone">
                手机验证码登录
              </a>
            </div>
            <a href="#" class="btn">登 &nbsp; 录</a>
          </div>
        </div>
      </div>
    </div>

      <!-- copy -->
  <div class="copy">
    <ul>
      <li><a href="#">首页</a><span>|</span></li>
      <li><a href="#">关于我们</a><span>|</span></li>
      <li><a href="#">联系我们</a><span>|</span></li>
      <li><a href="#">服务监督</a><span>|</span></li>
      <li><a href="#">支付说明</a><span>|</span></li>
      <li><a href="#">购物流程</a></li>
    </ul>
    <p><a href="#">苏ICP备18042816号</a>
      Copyright © 2012 - 2021</p>
    <p><a href="#">cxhua.njspsm.cn</a>
      南京笙鹏商贸有限公司</p>
  </div>
<!-- 右侧固定定位 -->
<div class="flex-r">
  <div class="tit">
    在线客服
  </div>
  <div class="bod">
      <a id="vx_btn" href="javascript:;" class="img"><img src="./img/flex-r/flex-r1.jpg" alt=""></a>
      <a href="https://shang.qq.com//open_webaio.html" class="img"><img src="./img/flex-r/flex-r2.jpg" alt=""></a>
      <a href="#" class="img"><img src="./img/flex-r/flex-r3.jpg" alt=""></a>
      <a href="https://bft.zoosnet.net/LR/Chatpre.aspx?id=BFT91720170&lng=cn&r=&rf1=&rf2=&p=http%3A//cxhua.njspsm.cn/&cid=93dacbf6f28647afa8af36196890b8f9&sid=626511d240d94e4092398b9d4f4063e8" class="img"><img src="./img/flex-r/flex-r4.jpg" alt=""></a>
      <a id="t-img"><img src="./img/flex-r/flex-top.jpg" alt=""></a>
  </div>
</div>
<!-- 微信弹出 -->
  <div id="vx" class="vx_bg">
    <div class="vx_box">
      <div class="tit">
        <span>微信客服</span>
        <i id="v_box_close">×</i>
      </div>
      <div class="bod">
        <p>如您无法扫码，请加微信号<span> 1585405952 </span>进行咨询。</p>
        <div class="img"><img src="http://img.21xianhua.com/upload/2020/05/14/593fb8d8b2e45a08ca7de59b83306655" alt=""></div>
      </div>
      <div class="foot">
        <button id="v_box_close">关闭</button>
      </div>
    </div>
  </div>

<!-- 下方定位 -->
<div id="flex-b">
  <img id="off"  src="./img/flex-b/close.gif" alt="">
  <a href="#"><img class="bg" title="如果您有什么问题,请点击此处进行即时沟通;" src=https://bft.zoosnet.net/site/91720170/onlineimgsrc_cn.jpg alt=""></a>
</div>
</body>
<script src="js/base.js"></script>

</html>